@import '../../variables.less';

.infoModal {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	.infoContainer {
		flex: 1;
		padding-bottom: 20px;
		display: flex;
		.avatar {
			display: flex;
			justify-content: center;
			align-items: flex-end;
			margin-top: 10px;
			img {
				width: 80px;
				height: 80px;
			}
		}
		.info {
			padding-left: 20px;
			color: @font-color-lightest;
			font-size: 12px;
			width: 200px;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			white-space: nowrap;
			.name {
				font-size: 30px;
				color: @font-color-light;
			}
		}
	}
	.changeContainer {
		flex: 1;
		display: flex;
		border-top: 1px solid @shadow-border_bg-color;
		padding-top: 10px;
		justify-content: center;
		form {
			width: 100%;
			// :global {
			// 	.ant-form-item:nth-child(3) {
			// 		margin-left: 12px;
			// 	}
			// }
			input {
				border: none;
				border-radius: 0;
				border-bottom: 1px solid @shadow-border_bg-color;
			}
			input:focus {
				box-shadow: none;
			}
		}
	}
}
.infoChangeModal {
	// :global {
	// 	.ant-modal-content {
	// 		width: 400px;
	// 		margin: 0 auto;
	// 		.ant-modal-footer {
	// 			padding: 0 40px;
	// 			display: flex;
	// 			justify-content: space-between;
	// 			button {
	// 				padding: 0 20px;
	// 			}
	// 		}
	// 	}
	// }
}
